<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Contact Avant Dental</title>
    <script src="/assets/js/jquery.min.js"></script>
    <style>
      .info-page {
        padding: 100px;
        box-sizing: border-box;
      }
      .info-page h2 {
        display: inline-block;
        padding-bottom: 30px;
      }
      .info-page li {
        font-size: 17px;
        margin-bottom: 10px;
      }
      .info-page li:hover a {
        color: #6b96ff;
      }
      .info-page li a {
        color: #2a2a2a;
      }
      .info-page li:before {
        top: 9px;
        color: #6b96ff;
        content: '\2022';
        font-size: 41px;
        line-height: 0;
        padding-right: 10px;
        display: inline-block;
        position: relative;
      }

      @media screen and (max-width: 750px) {
        .info-page {
          padding: 30px;
        }
      }
    </style>
  </head>
  <body>
    <div id="header"></div>
    <div class="video-page">
      <h1>Contact Avant Dental</h1>
    </div>
    <div class="info-page">
      <h2>Pages</h2>
      <ul>
        <li><a href="/pages/about.html">About Avant Dental</a></li>
        <li><a href="/pages/pickup.html">Book a pickup</a></li>
        <li><a href="/pages/faq.html">FAQs</a></li>
        <li><a href="/pages/news.html">Latest News</a></li>
        <li><a href="/pages/price-list.html">Price List</a></li>
        <li><a href="/pages/sending-a-case.html">Sending a case</a></li>
        <li><a href="/pages/contact.html">Contact</a></li>
        <li><a href="/pages/privacy-policy.html">Privacy Policy</a></li>
      </ul>
    </div>
    <div id="news-letter"></div>
    <div id="contact"></div>
    <div id="footer"></div>
    <script>
      $('#header').load('/common/header.html');
      $('#news-letter').load('/common/news-letter.html');
      $('#footer').load('/common/footer.html');
      $('#contact').load('/common/contact.html');
      $('body').css('display', 'none');
      setTimeout(() => {
        $('body').css('display', 'block');
      }, 100);
    </script>
  </body>
</html>
